@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);
input.error { background-color: yellow; }
body { font-family: 'Open Sans', sans-serif; background-image:url("hauntedHouse.jpeg") }
h1 { text-align: center; color:#ffffff; text-shadow: aquamarine; text-transform: capitalize; }
div.error { text-align: center; color:orange; font-size: 40px }
table.zakladni { border-collapse: collapse; margin-left: auto; margin-right: auto; width:auto;margin-top: 20px  }
table.zakladni th, table.zakladni td{  border: solid 1px black; padding: 4px; width:100px; border-collapse: collapse}
table.form { border-collapse: collapse; margin-right: auto; width:fit-content;text-align: left;}
table.buttons { text-align: center;}
table.buttons th, table.buttons td { border: solid 1px black; padding: 4px;}
.search {float: right}
#navigace { width: 80%; height:50px; border-bottom: 1px solid #000; margin-bottom: auto; 
            background-color: #90bade;  color: #333; opacity: 0.7; float: top; margin-left: auto;
            margin-right: auto; text-align:center;line-height: 50px;display: block;}
#navigace a {font-size: 25px;float:left;height:50px;padding:0 10px;border-right: 1px #000 solid}
#navigace a:last-child {margin-right: 0px}
#obsah {  margin-top:50;margin-left: auto; margin-right: auto; width:80%; background-color: rgba(135,182,222,0.8);
          padding-bottom: 15px; padding-top: 5px }

a {color: black}
a:link{ text-decoration: none; height:available}

a:hover {background-color: white}

td {margin: 10px 0px;}
.textAll {margin-left: 45px; padding-top: 5px}

input {color:black; background-color: rgba(255,255,255,0.8);width:120;}
textarea {color:black; background-color:rgba(255,255,255,0.8);width:120}
select {color:black; background-color:rgba(255,255,255,0.8);width:120;}
fieldset {margin-top: 50px; width: 250px; margin-bottom: 50px; margin-left: 45px;padding-bottom: 20px}

.button {
        -moz-box-shadow:inset 0px 1px 0px 1px #bbdaf7;
        -webkit-box-shadow:inset 0px 1px 0px 1px #bbdaf7;
        box-shadow:inset 0px 1px 0px 1px #bbdaf7;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
        background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
        background-color:#79bbff;
        -moz-border-radius:1px;
        -webkit-border-radius:1px;
        border-radius:1px;
        display:inline-block;
        color:#ffffff; 
        font-family: 'Open Sans', sans-serif;
        font-size:15px;
        font-weight:bold;
        padding:6px 24px;
        text-decoration:none;
        text-shadow:1px 0px 50px #528ecc;
        width:auto;        
}.button:hover {
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
        background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
        background-color:#378de5;
}.button:active {
        position:relative;
        top:1px;}